<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <h1>{{info}}</h1>
</div>
<!--引入vue框架文件-->
<script src="vue.js"></script>
<script>
    //创建vue对象
    let v=new Vue({
        el:"div",//el=element元素,设置vue对象管理的元素  填写选择器
        data:{//页面内容绑定的数据都写在这里
            info:"Hello Vue!"
        }
    })
    setTimeout(function () {
        //修改vue对象中得到数据  页面会自动跟着变
        v.info="内容变了!";
    },3000)

</script>
</body>
</html>